@charset "gb2312";
/*
  此文件为雅美官网的首页文件，存放首页独有的样式信息。
  -----雅美项目组(2018-3-17)
*/



/* banner焦点图css */
.bannerSlide{ width:100%;height:600px;background:#fff;margin:0 auto; }
.bannerSlide .hd{ width:0;height:0;position:relative;z-index:1;margin:0 auto;}
.bannerSlide .hd ul{zoom:1;margin:0 auto; position:absolute;width:340px;top:580px;left:-100px}
.bannerSlide .hd ul li{ width:28px;height:4px;line-height:10px;float:left; margin:3px; background:#fff; cursor:pointer;font-size:0;}
.bannerSlide .hd ul li:first-child{margin-left:0;}
.bannerSlide .hd ul li.on{  width:28px;height:4px;float:left; background:#f0166d;     }
.bannerSlide .bd{ position:relative; background:#fff; overflow:hidden; z-index:0;   }
.bannerSlide .bd ul{height:530px;background:#fff; overflow:hidden;}
.bannerSlide .bd li{ zoom:1; width:100% !important;height:600px; text-align:center;overflow:hidden;}
.bannerSlide .bd li a {display:block;height:610px;}
.bannerSlide .prev,
.bannerSlide .next{ position:absolute; left:15%; top:18%; display:block; width:40px; height:95px; background:url(http://csyamei.net/templets/yamei2016/images/ico_01.png)  no-repeat; filter:alpha(opacity=20);opacity:0.2;z-index:1;   }
.bannerSlide .next{ left:auto; right:15%; background:url(http://csyamei.net/templets/yamei2016/images/ico_02.png) no-repeat; }
.bannerSlide .prev:hover,
.bannerSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.bannerSlide .prevStop{ display:none;  }
.bannerSlide .nextStop{ display:none;  }

/*品牌中心*/
.ppzx{width:100%;height:480px;background:#fff;margin:0 auto;font-family:宋体}
.ppzx1{width:1200px; margin:60px auto 0 auto; overflow:hidden;}

/*品牌视频*/
.spzx{width:400px;height:450px;border-right:1px solid #ccc}
.spzxbg{width:360px;height:40px;margin:0 auto}
.spzxbg p a img{margin-top:15px;margin-left:-30px}
.spzx1{width:350px;height:280px;margin:10px auto;}
.spzx2{width:370px;height:90px;margin:10px auto}
.spzx2 ul li{float:left;margin-left:7px;margin-right:2px;margin-top:3px}

/*雅美动态*/
.ymdt{width:400px;height:450px;border-right:1px solid #ccc}
.ymdt1{width:350px;height:390px;margin:10px auto}
.ymdt-tp{margin:0 auto;width:350px;height:190px;overflow: hidden;}
.ymdt-tp img{ cursor: pointer;  transition: all 0.6s;width:350px;height:190px;overflow: hidden;}
.ymdt-tp img:hover{ transform: scale(1.1);}
.ymdt-tt{width:350px;height:80px;margin:0 auto}
.wzbt{margin:10px auto}
.wzbt dd{width:50px;height:80px;background:#ef166d;text-algin:right}
.wzbt dd p{font-size:16px;padding-right:3px;color:#fff;text-align:right;font-family:微软雅黑;line-height:26px}
.wzbt dd p strong{font-size:28px;}

.wzbt dt{float:right;width:300px;height:70px;margin-top:10px;}
.wzbt dt strong{font-size:14px;padding-left:10px;color:#ef166d}
.wzbt dt p{font-size:12px;margin:-15px 10px 0px 10px;overflow:hidden;line-height:20px}
.wzbt dt p a{color:#b8b8b8}

.wzbt1{margin:9px auto;width:350px;height:25px;}
.wzbt1 dd{width:50px;height:25px;background:#c1c0c0;}
.wzbt1 dd p{font-size:14px;text-align:center;color:#fff;font-family:微软雅黑}
.wzbt1 dt{float:right;width:300px;height:25px;margin-top:10px;}
.wzbt1 dt p{font-size:12px;margin:-9px 10px 0px 10px;overflow:hidden;line-height:20px}
.wzbt1 dt p a{color:#b8b8b8}

/*特约专家*/
.tyzj{width:398px;height:395px}
/* 本例子css */
	.focusBox { position: relative; width:350px; height:378px; overflow: hidden;top:10px }
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic img { width:350px; height:378px; display: block; }
	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; background:#e8e8e8; height: 8px; overflow: hidden; width: 8px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;border-radius:8px;
	}
	.focusBox .hd .on{background:#ef166d }

/* 专家*/
.new_yishibt{width:100%;height:672px;margin:0 auto;background:url(/templets/de/2018/zj_bg.jpg) no-repeat}
.new_title{width:1200px;height:40px;margin:20px auto;text-align:center}
.new_title img{margin-top:35px}
   .new_yishi { width: 1200px; padding: 1px 0; margin: 50px auto; text-align: center; font-size: 0; }
    .new_yishi .yishi_left { display: inline-block; vertical-align: top; width:470px; height:453px; position: relative;top:55px }
    .new_yishi .yishi_right { display: inline-block; vertical-align: top; width: 700px; height: 580px; overflow: hidden; position: relative; }
    .new_yishi .yishi_left .left_wrap { width: 100%; height: 100%; overflow: hidden; }
    .new_yishi .yishi_left .left_wrap .left_list { width: 50000px; position: relative; left: 0; font-size: 0; text-align: left; }
    .new_yishi .yishi_left .left_wrap .left_list ul { width: 490px; height: 453px; text-align: center; display: inline-block; text-align: left; padding-left: 10px; vertical-align: top; }
    .new_yishi .yishi_left .left_wrap .left_list li { display: inline-block; vertical-align: top; margin: 0 1px 1px; width: 150px; height: 150px;background: #e6e6e6; overflow: hidden;  }
	    .new_yishi .yishi_left .left_wrap .left_list li:hover{ display: inline-block; vertical-align: top; margin: 0 1px 1px; width: 150px; height: 150px;background: #ef166d; overflow: hidden;  }
    .new_yishi .yishi_left .left_wrap .left_list li img { width: 100%; }
    .new_yishi .yishi_left .left_wrap .left_list li.active { background: #ef166d; box-shadow: 0 0 0px #e7e7e7 inset; }
    .new_yishi .yishi_left .span { position: absolute; top: -34px; left: 0; width: 100%; text-align: right; font-size: 0; }
    .new_yishi .yishi_left .span span { width: 30px; height: 19px; display: inline-block; vertical-align: top; border: 1px solid #e5e5e5; color: #999; font-family: '宋体'; font-size: 14px; text-align: center; line-height: 18px; cursor: pointer;  }
    .new_yishi .yishi_left .span span i { display: block; width: 100%; height: 100%; font-style: normal; }
    .new_yishi .yishi_left .span span:hover i { background: #e1e1e1; }
    .new_yishi .yishi_right .item .img { position: absolute; left: 0; bottom: 0; }
    .new_yishi .yishi_right .item .text { padding-left: 106px; display: table-cell; width: 726px; height: 580px; vertical-align: middle; position: relative; z-index: 1; text-align: left; }
    .new_yishi .yishi_right .item .text h2 { font-size: 22px; color: #595959; }
    .new_yishi .yishi_right .item .text .p1 { font-size: 14px; line-height: 25px; color: #999999; margin: 8px 0 30px; }
    .new_yishi .yishi_right .item .text .p2 { font-size: 14px; line-height: 25px; color: #595959; width: 358px; }
    .new_yishi .yishi_right .item .text .p2 b { display: block; }
    .new_yishi .yishi_right .item .text .link { margin-top: 260px;margin-left:280px }
    .new_yishi .yishi_right .item .text .link a { display: inline-block; vertical-align: top; margin-left: 10px; width: 138px; height: 40px; line-height: 38px; text-align: center; font-size: 16px; border: 1px solid #ef166d; color: #595959; border-radius: 20px; }	
	.new_yishi .yishi_right .item .text .link a.active { border-color: #ef166d; background: #ef166d; color: #fff; }
    .new_yishi .yishi_right ul { position: relative; width: 50000px; left: 0; font-size: 0; text-align: left; }
    .new_yishi .yishi_right ul li { display: inline-block; vertical-align: top; position: relative; }
.left_morezj{width:457px;height:45px;margin-left:10px;color:#fff;position: relative; z-index: 1;top:-73px;left:676px}
.left_morezj a{display: inline-block;    vertical-align: top;    margin-left: 40px;    width: 454px;    height: 40px;    line-height: 38px;    text-align: center;    font-size: 16px;    background:#a7a7a7;    color: #fff;
    }
	
	.left_morezj a:hover{background:#ef166d;color:#fff;text-decoration:none}

/*四大科室*/

.list_content{width:1200px;height:340px;margin:50px auto;background:#fff}
.list_content ul li{float:left;width:293px;height:340px;border-right:1px dashed #e7e7e7;margin:15px 0px 15px 0px}
.list_content ul li img{text-align:center;width:280px;height:165px}
.list_content ul li h3{text-align:center;font-size:18px;color:#000}
.list_content ul li .questionzx-1{width:270px;padding-top:10px}
.list_content ul li .questionzx-1 p{background:url(/templets/de/2018/moren.png) no-repeat 25px 10px;padding-left:35px;padding-top:10px}
.list_content ul li .questionzx-1 p a{color:#7a7a7a;font-size:12px;font-family:宋体;line-height:10px}
.list_content ul li .questionzx-1 p:hover{background:url(/templets/de/2018/b.png) no-repeat 25px 10px;padding-left:35px;padding-top:10px}
.list_content ul li .questionzx-1 p a:hover{color:#000}
.list_content ul li .questionzx-1 h5 a{text-align:center;display: inline-block;    vertical-align: top;    margin-left: 105px;  margin-top:40px;  width: 100px;    height: 30px;    line-height: 30px;    text-align: center;    font-size: 12px;    border:1px solid #a7a7a7;    color: #757575;}
.list_content ul li .questionzx-1 h5 a:hover{background:#ef176d;color:#fff;border:1px solid #ef176d}

	
/* 大事记*/

#ympinpai { height:500px;width:1200px; background:#000;margin:0px auto ;margin-top:40px }
#ympinpai .btn-pp { height:400px; }
#ympinpai .btn-pp li { float:left; width:1200px; height:400px;background:#000; }
#ympinpai .btn-pp li a{ display:block;  float:left }
#ympinpai .btn-pp li a img{ vertical-align:middle;  }

#ympinpai .btn {width:1200px; height:100px; }
#ympinpai .btn ul li {width:200px; height:100px; line-height:24px; text-align:center; font-size:16px; font-family:"微软雅黑";color:#535353; background:#f3f3f3;float:left}
#ympinpai .btn ul li p{font-size:20px;font-weight:100;margin-top:25px; font-family:"微软雅黑";}
#ympinpai .btn ul li.on { background:#ef176d; color:#fff; }

/*文化 仪器 环境 资质*/


.mainbox5{width:100%;margin:10px auto;background:#fff;height:400px;overflow: hidden;}
.mainbox5-1{width:1200px;margin:40px auto;height:350px;}
.mainbox5-1 li{float:left;}
.mainbox5-1 .title{width:280px;height:30px;margin:0 auto;border-bottom:1px solid #bcbcbc}
.mainbox5-1 .title p a img{margin-top:15px;margin-left:-30px}
.mainbox5-1 .wenhua{width:299px;height:350px;}


.focusBox2 { position: relative; width:280px; height:285px; overflow: hidden;margin:20px auto }
.focusBox2 .pic img { width:280px; height:280px; display: block; }
.focusBox2 .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.focusBox2 .prev,.focusBox2 .next { width:45px; height:99px; position:absolute; top:81px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.0; opacity:.0; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox2 .prev { background-image:url(index.png); background-position:-112px 0; left:0 }
.focusBox2 .next { background-image:url(index.png); background-position:-158px 0; right:0 }
.focusBox2 .prev:hover,.focusBox2 .next:hover { filter:alpha(opacity=30); -moz-opacity:.2; opacity:.2 }

.mainbox5-1 .yiqi{width:300px;height:350px;}
.focusBox3 { position: relative; width:280px; height:285px; overflow: hidden;margin:20px auto }
.focusBox3 .pic img { width:280px; height:280px; display: block; }
.focusBox3 .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.focusBox3 .prev,.focusBox3 .next { width:45px; height:99px; position:absolute; top:81px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.0; opacity:.0; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox3 .prev { background-image:url(index.png); background-position:-112px 0; left:0 }
.focusBox3 .next { background-image:url(index.png); background-position:-158px 0; right:0 }
.focusBox3 .prev:hover,.focusBox3 .next:hover { filter:alpha(opacity=30); -moz-opacity:.2; opacity:.2 }
.mainbox5-1 .huanjing{width:299px;height:350px;}

.focusBox4 { position: relative; width:280px; height:285px; overflow: hidden;margin:20px auto }
.focusBox4 .pic img { width:280px; height:280px; display: block; }
.focusBox4 .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.focusBox4 .prev,.focusBox4 .next { width:45px; height:99px; position:absolute; top:81px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.0; opacity:.0; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox4 .prev { background-image:url(index.png); background-position:-112px 0; left:0 }
.focusBox4 .next { background-image:url(index.png); background-position:-158px 0; right:0 }
.focusBox4 .prev:hover,.focusBox4 .next:hover { filter:alpha(opacity=30); -moz-opacity:.2; opacity:.2 }
.mainbox5-1 .zizhi{width:300px;height:350px;}

.focusBox5 { position: relative; width:280px; height:285px; overflow: hidden;margin:20px auto }
.focusBox5 .pic img { width:280px; height:280px; display: block; }
.focusBox5 .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.focusBox5 .prev,.focusBox5 .next { width:45px; height:99px; position:absolute; top:81px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.0; opacity:.0; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox5 .prev { background-image:url(index.png); background-position:-112px 0; left:0 }
.focusBox5 .next { background-image:url(index.png); background-position:-158px 0; right:0 }
.focusBox5 .prev:hover,.focusBox5 .next:hover { filter:alpha(opacity=30); -moz-opacity:.2; opacity:.2 }